<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		 <script src="../../js/vue.min.js"></script>
	</head>
	<body>
		
		<!-- ②v-show的使用
       与v-if类似，但是不会改变dom元素，只会再该元素上加上style = display:none 来隐藏 -->
			 
        <div id="root">
		<p v-show="ok">{{message}}</p> <!-- 当OK的值为false时，移除该dom节点 -->
		<button @click = 'funAAAA'>点我</button>
		</div>
		 
		<script>
		new Vue({
		el: '#root',
		data: {
		message: 'Hello Vue!',
		ok:true,
		},
		 
		methods:{
		funAAAA:function(){ <!-- 绑定点击事件，切换是否切换文字 -->
		this.ok = false;
		}
		 
		}
		 
		})
		 
		</script>


	</body>
</html>



